<ion-header>
  <ion-toolbar>
    <ion-buttons left>
      <button ion-button icon-left (click)="navBack()">
        <ion-icon class="nav-back" name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>电话本</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list padding>
    <ion-item>
      <ion-label stacked color=hushitong>姓名</ion-label>
      <ion-input clearInput="true" type="text" [(ngModel)]="suggestion" placeholder="请输入姓名" required></ion-input>
    </ion-item>

    <ion-item>
      <ion-label stacked color=hushitong>电话</ion-label>
      <ion-input clearInput="true" type="text" [(ngModel)]="phone" placeholder="请输入电话号码" required></ion-input>
    </ion-item>
  </ion-list>

  <div padding>
    <button ion-button full color="light" (click)="submit()" [disabled]="!suggestion||!phone || isLoading || finished">
      <ion-label color="hushitong">{{getMessage()}}</ion-label>
    </button>
  </div>
</ion-content>
